.start{
  width: 100vw;
  padding: 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 6px;
  min-height: 100vh;
  background-color: #f3f3f3;
  .item{
    height: 580rpx;
    background-color:#fff;
    border-radius: 8px;
    overflow: hidden;
    image{
      width: 100%;
      height: 76%;
    }
    .title{
      padding: 0 8px;
      box-sizing: border-box;
      overflow: hidden;
      display: -webkit-box;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .bottom{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding:8px;
      box-sizing: border-box;
      font-weight: lighter;
      .icon{
        color:#ff2442;
      }
    }
  }
  .empt{
    width: 100vw;
    position: absolute;
    top:10vh;
    left: 50%;
    transform: translateX(-50%);
  }
}